import React from 'react';

// 复杂数据类型绑定
//    1. 普通对象
//    2. 数组 - 下午列表渲染的时候详细讲
//    3. 函数 - 重点
//    4. JSX标签对象

// 1. 对象 - 不能直接显示对象，会报错。显示对象的值是可以的。
const obj = {
  name:'悟空',
  skill: '72变'
}

// 2. 数组 - 数组中如果是基本类型，会打印出来值，每一项是对象，可能报错。
const arr = ['至尊宝','紫霞仙子'];

// 3. 函数
const fn = () => {
  console.log('函数运行了11');
}

// 3. 函数 返回JSX - 特别常用->灵活
const fn2 = () => {
  console.log('函数运行了222');
  // 函数返回值，如果返回了 JSX，会渲染到页面中
  return <h1>大标题</h1>
}

// 4. JSX标签对象
const jsxxx = <h2>你好灵活呀。</h2>;

function App() {
  return (
    <div className="App">
      {/* { obj.name } */}

      {/* {arr} */}

      {/* {fn()} */}
      
      {/* { fn2() } */}

      {jsxxx}
      
    </div>
  );
}
export default App;
